<template>
    <!-- 总容器 -->
    <div class="wrapper">
        <header>
            <i class="fa fa-angle-left" onclick="history.go(-1)"></i>
            <p>用户体检预约</p>
            <div></div>
        </header>
        <div class="top-ban"></div>

        <section>
            <img src="../assets/img/yuyue.png">
            <p>
                <img src="../assets/img/benrenyuyue.png" @click="onSubmit">
                <img src="../assets/img/jiashuyuyue.png" @click="onSubmit">
            </p>
        </section>
        
        <div class="bottom-ban"></div>
        <footer>
            <ul>
                <li @click="()=>{router.push('/hospital')}">
                    <i class="fa fa-home"></i>
                    <p>云医院</p>
                </li>
                <li @click="()=>{router.push('/setmeal')}">
                    <i class="fa fa-opencart"></i>
                    <p>商城</p>
                </li>
                <li @click="()=>{router.push('/index')}">
                    <i class="fa fa-compass"></i>
                    <p>发现</p>
                </li>
                <li @click="()=>{router.push('/personal')}">
                    <i class="fa fa-user"></i>
                    <p>我</p>
                </li>
            </ul>
        </footer>
    </div>
    
</template>

<script setup>
    import bottomVue from '@/components/bottom.vue'
    import router from '../router'
    import bottom from '../components/bottom.vue'
    const onSubmit = () => {
        router.push('/hospital')
    }
</script>

<style src="../assets/css/appointment.css" scoped>
</style>